<template>
  <div slot="header" class="header">
    <b class="toHome" @click="$router.push('/')">首页</b>
    <i class="el-icon-arrow-right"></i>
    <span class="title">{{ title }}</span>
  </div>
</template>
<script>
export default {
  name: 'my-header',
  props: {
    title: {
      type: String
    }
  },
  data () {
    return {}
  },
  methods: {}
}
</script>
<style lang="less" scoped>
.header {
  font-size: 14px;
  color: #000000;
  .el-icon-arrow-right {
    margin: 0 8px;
    color: #c2c5d1;
  }
  .toHome:hover {
    cursor: pointer;
    color: #4c9eff;
  }
  .title {
    color: #606266;
  }
}
</style>
